<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>订餐管理系统</title>
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<!--[if IE 7]>
  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />

<link rel="stylesheet" type="text/css"  href="css/style.css">
<style type="text/css">
	*{
		padding: 0;
		margin: 0;
	}
	.header{
		width: 100%;
		height: 150px;
		background-color: #438eb9;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.header>div{
		width: 1400px;
		margin: 0 auto;
		position: relative;
	}
	.author{
		width: 350px;
	}
	.header>div>div{
		width: 200px;
		position: relative;
		float: right;
		margin-top: 45px;
	}
	.uimage{
		width: 60px;
		height: 60px;
		border-radius: 30px;
		border: 1px solid #fff;
	}
	.uname{
		color: #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		line-height: 60px;
		left: 75px;
		cursor: pointer;
	}
	body{
		font-size: 18px;
		color: #585858;
		font-family: KaiTi;
	}
	.menu{	
		display: inline-block;
		width: 10px;
		height: 17px;
		content: "\f0d7";
	}
	#userinfo{
		display: none;
		width: 280px;
		background-color: #438eb9;
		border: 2px solid #fff;
		position: absolute;
		top: 64px;
		right: 29px;
		z-index: 99;
	}
	.uimage-big{
		display: block;
		width: 100px;
		height: 100px;
		border-radius: 50px;
		margin: 10px auto;
		border: 2px solid #fff;
	}
	.uname2{
		text-align: center;
		color: #fff;
	}
	#userinfo>.exit{
		height: 40px;
		background-color: #f9f9f9;
		text-align: right;
		margin-top: 10px;
	}
	#userinfo>.exit>span{
		font-size: 18px;
		margin-right: 20px;
		border: 1px solid #585858;
		line-height: 40px;
		padding: 2px 4px;
		cursor: pointer;
	}
	#userinfo>.exit>span:hover{
		background-color: #eee;
	}
	.body>.menu_style{
		width: 190px;
		height: 800px;
		background-color: #eee;
		float: left;
	}
	.body>.main-content{
		
		height: 800px;
	}
	.footer{
		background-color: #438eb9;
		width: 100%;
		height: 30px;
		text-align: center;
		color: #fff;
		line-height: 30px;
	}
	#nav_list>li>a{
		font-size: 16px;
	}
	.nav-list li .submenu {
		overflow: hidden;
	}
	.breadcrumb>li>a{
		font-size: 16px;
	}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript">
	$(document).ready(function(){		//文档就绪函数
		$('.uname').click(function(){
			$("#userinfo").toggle(1000);
		});
	
		$('.exit>span').click(function(){
			alert("退出登录");
		});
		$('.dropdown-toggle').click(function(){
			$(this).next().toggle(1000);
		});
	});
</script>
</head>
<body>
	<div class="header">
		<div>
			<img src="images/name.png" class="project"/>
			<img src="images/class.png" class="author"/>
			<div>
				<img src="images/user2.jpg" class="uimage"/>
				<span class="uname">管理员</span>
			</div>
			<div id="userinfo">
				<img src="images/user2.jpg" class="uimage-big"/>
				<div class="uname2">管理员</div>
				<div class="exit">
					<span>退出</span>
				</div>
			</div>
		</div>
	</div>
	<div class="body">
		<div id="menu_style" class="menu_style" tabindex="5000" style="overflow: hidden; outline: none;">
			<ul class="nav nav-list" id="nav_list" style="height: 708px;">
				     <li class="home active">
				     	<a href="index.html" name="home.html" class="iframeurl" title="">
				     		<i class="icon-home"></i>
				     		<span class="menu-text"> 系统首页 </span>
				     	</a>
				     </li>
                     <li class="">
                     	<a href="#" class="dropdown-toggle">
                     		<i class="icon-desktop"></i>
                     		<span class="menu-text"> 用户管理 </span>
                     		<b class="arrow icon-angle-down"></b>
                     	</a>
					   	<ul class="submenu" id="Sort_link_0" style="display: none;">
	                         <li class="home" style="height: 36.6667px;">
	                         	<a href="addUser.html" title="添加用户" 
	                         		class="iframeurl" target="rightwindow">
	                         		<i class="icon-double-angle-right"></i>添加用户
	                         	</a>
	                         </li>
							 <li class="home" style="height: 36.6667px;">
							 	<a href="userList.html"  title="查看用户" class="iframeurl" target="rightwindow">
							 	<i class="icon-double-angle-right"></i>查看用户
							 	</a>
							 </li>
						</ul>
					</li>
					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="icon-picture "></i>
							<span class="menu-text"> 菜品管理 </span>
							<b class="arrow icon-angle-down"></b>
						</a>
						<ul class="submenu" id="Sort_link_1" style="display: none;">
							<li class="home" style="height: 36.5px;">
								<a href="addDishes.html" title="添加菜品" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>添加菜品
								</a>
							</li>
							<li class="home" style="height: 36.5px;">
								<a href="dishesList.html"  title="分类管理" class="iframeurl" target="rightwindow">
									<i class="icon-double-angle-right"></i>查看菜品
								</a>
							</li>
						</ul>
					</li>
					<li class="">
						<a href="#" class="dropdown-toggle"><i class="icon-list"></i><span class="menu-text"> 订单管理 </span><b class="arrow icon-angle-down"></b></a>
	                    <ul class="submenu" id="Sort_link_2" style="display: none;">
	                    	<li class="home" style="height: 36.5px;">
	                    		<a href="addOrder.html"  title="添加订单" class="iframeurl" target="rightwindow">
	                    		<i class="icon-double-angle-right"></i>添加订单</a>
	                    	</li>
							<li class="home" style="height: 36.5px;">
								<a href="orderList.html" title="查看订单" class="iframeurl" target="rightwindow">
								<i class="icon-double-angle-right"></i>查看订单</a>
							</li>
	                   </ul>
				   </li>
				</ul>
		</div>
		<div class="main-content">
				<div class="breadcrumbs" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="icon-home home-icon"></i>
								<a href="index.html">首页</a>
							</li>
							<li class="active"><span class="Current_page iframeurl" name="home.html" style="color: rgb(51, 51, 51); cursor: default;"></span></li>
                            <li class="active" id="parentIframe" style="display: none;"><span class="parentIframe iframeurl"> </span></li>
							<li class="active" id="parentIfour" style="display: none;"></li>
						</ul>
				</div>
				<iframe id="iframe" name="rightwindow" style="border: 0px; width: 100%; background-color: rgb(255, 255, 255); 
				height: 741px;" name="iframe" frameborder="0" > 
				</iframe>
		</div>
	</div>
	<div class="footer">
		Copy 2022 蜀ICP备XXXXXXXXX号-1 联系我们：QQ群-868722105
	</div>
</body>
</html>